
<div>
    <div class="flex_row just_around login_mian_flex">
        <div class="tab_cls" @click="clickTabActive('1')" :class="{active_line:showTab=='1'?true:false}">
            <span class="tab_text">短信登录</span>
            <span class="line" ></span>
        </div>
        <div class="tab_cls"  @click="clickTabActive('2')" :class="{active_line:showTab=='2'?true:false}">
            <span class="tab_text">密码登录</span>
            <span class="line" ></span>
        </div>
    </div>
    <div v-if="showTab=='1'">
        <div class="layui-form-item">
            <input type="text" maxlength="11" id="login-user-name" v-model="loginInfo.mobile" lay-verify="required|account" maxlength="20"
                placeholder="请输入手机号" autocomplete="off" autofocus="autofocus" class="layui-input" @keyup.enter="doLogin">
        </div>
        <div class="layui-form-item posi" >
            <input type="text" v-model="loginInfo.messageCode" lay-verify="required" maxlength="20" placeholder="请输入短信验证码"
            autocomplete="off" class="layui-input login-user-email" @keyup.enter="doLogin">
            <span class="yzm_cls" v-if="show_djs" @click="sendyzm" :disabled="disabled_yzm">{{yzm_text}}</span>
            <span class="yzm_cls" v-else>重新获取({{captcha_text}})</span>
        </div>
    </div>
    <div v-else>
        <div class="layui-form-item">
            <input type="text" id="login-user-name" v-model="loginInfo.username" lay-verify="required|account" maxlength="20"
                placeholder="请输入账号" autocomplete="off" autofocus="autofocus" class="layui-input" @keyup.enter="doLogin">
        </div>
        <div class="layui-form-item " >
            <input type="password" v-model="loginInfo.passwd" lay-verify="required" maxlength="20" placeholder="请输入密码"
                autocomplete="off" class="layui-input login-user-pass" @keyup.enter="doLogin">
        </div>
        <vc:create path="frame/validateCode"></vc:create>
    </div>

    <div class="layui-form-item">
        <button class="login_btn layui-btn " style="layui-btn-radius:4px;background: #0681fc;" lay-submit v-on:click="doLogin()"
            lay-filter="login">登录</button>
    </div>

    <div class="layui-form-item layui-form" style="color: #ffffff;">
        <span style="display: inline-block;float: left;"><input  type="checkbox" v-model="loginInfo.hasSave" value="true" style="display: inline-block;vertical-align:middle;">记住账号</span>

    </div>

</div>

